<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<ui:fragment xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets">
	<h:form id="formNovoPerfilDeUsuario">
		<p:dialog id="modalNovoPerfilDeUsuario" header="#{str.modal_novo_perfil_titulo_modal}" widgetVar="novoPerfilDeUsuarioVar" modal="true" resizable="false" draggable="true" closable="true">
    		<p:messages id="messagesNovoPerfilDeUsuario" showDetail="true" autoUpdate="false" closable="true" />
    		<p:panel id="panelNovoPerfilDeUsuario">
    			<h:panelGrid columns="2" cellpadding="5">
    				<p:column>
						<p:outputLabel value="#{str.modal_novo_perfil_nome_perfil}:" for="inputNomePerfil" />
						<span class="obrigatoriedade-campos">#{str.um_asterisco}</span>
					</p:column>
					<p:column>
						<p:inputText id="inputNomePerfil" tabindex="1" maxlength="#{propriedades.getTamanhoMaxNomePerfilDeUsuario()}" placeholder="#{str.modal_novo_perfil_qual_nome_perfil}" autocomplete="false" value="#{novoPerfilDeUsuario.perfilDeUsuario.nome}" styleClass="campo-texto-novo-alterar-perfil-de-usuario" />
					</p:column>
					<p:column>
						<p:outputLabel value="#{str.modal_novo_perfil_descricao_perfil}:" for="inputDescricaoPerfil" />
					</p:column>
					<p:column>
						<p:inputText id="inputDescricaoPerfil" tabindex="2" maxlength="#{propriedades.getTamanhoMaxDescricaoPerfilDeUsuario()}" placeholder="#{str.modal_novo_perfil_qual_descricao_perfil}" autocomplete="false" value="#{novoPerfilDeUsuario.perfilDeUsuario.descricao}" styleClass="campo-texto-novo-alterar-perfil-de-usuario" />
					</p:column>
    			</h:panelGrid>
    			<p:panel>
	    			<p:dataTable id="permissoes" var="permissao" value="#{novoPerfilDeUsuario.permissoes}" selection="#{novoPerfilDeUsuario.perfilDeUsuario.permissoes}" rowKey="#{permissao.codigo}" styleClass="tabela-um-permissoes" scrollable="true" scrollHeight="200" emptyMessage="">
				    	<p:column selectionMode="multiple" width="16" styleClass="coluna-centralizada" />
				    	<p:column headerText="#{str.modal_novo_perfil_permissoes}">
			    			<h:outputText value="#{permissao.descricao}" />
			           	</p:column>
				    </p:dataTable>
    			</p:panel>
    			<f:facet name="footer">
		    		<p:commandButton tabindex="3" value="#{str.modal_novo_perfil_botao_salvar}" update=":#{p:component('messagesNovoPerfilDeUsuario')}, :#{p:component('panelNovoPerfilDeUsuario')}" action="#{novoPerfilDeUsuario.inserirPerfilDeUsuario()}"/>
		    		<p:outputLabel value="#{str.um_asterisco} #{str.campos_obrigatorios}" styleClass="descricao-obrigatoriedade-campos" />
		    	</f:facet>
    		</p:panel>
		</p:dialog>   
	</h:form>
</ui:fragment>